/**
 * @description 这是一个获取节点并返回节点的函数
 * @param {*} selector 
 * @returns 节点
 */
// 封装获取节点函数
function $(selector) {
    const result = document.querySelectorAll(selector)
    // 判断是否有这个节点,存在就不执行,不存在就提示错误
    if (!result || result.length === 0) {
        console.warn(`未获取到${selector}节点`);
        return
    }
    // 判断选择器是否为多个
    if (result.length === 1) {
        return result[0]; // 只有一个节点时,输出伪元素的第一个节点
    } else {
        return result; // 不止一个节点时,输出全部
    }
}

// 封装tab选项卡
// 封装函数tabChange()
function tabChange(option) {
    const index = option.index || 0
    // const index = option.index || 0
    $(option.liSelector)[index].classList.add(option.liClassName)
    $(option.divSelector)[index].classList.add(option.divClassName)
    $(option.liSelector).forEach(function (v, i) {
        // 给li绑定事件
        v.addEventListener("click", function () {
            // 清除li样式
            $(option.liSelector).forEach(function (v) {
                v.classList.remove(option.liClassName)
            })
            // 清除div样式
            $(option.divSelector).forEach(function (v) {
                v.classList.remove(option.divClassName)
            })
            // 添加激活样式
            this.classList.add(option.liClassName)
            // 按照索引添加样式
            $(option.divSelector)[i].classList.add(option.divClassName)
        })
    })
}


function testUsername(username) {
    // 用户名2~10位，内容为小写字母和数字
    return /^[a-z0-9]{2,10}$/.test(username);
}

// 箭头函数
// const testUsername = (username) => /^[a-z0-9]{2,10}$/.test(username);

